﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="/MobWeb/css/default.css?v=1">
    <link href="/MobWeb/css/reset.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="/MobWeb/css/animate.css">
    <link rel="stylesheet" href="/MobWeb/css/wxui.css">



    <style>
        .weui_grid {
            background: #fff;
        }

        .cblue {
            color: #44A9FF;
            font-size: 1.5rem;
            font-weight: 700;
            margin-left: .5rem;
        }

        .weui_panel_access {
            position: relative;
        }

        .weui_panel_bd {
            position: relative;
            background-color: #fff;
            margin: .8rem 1rem;
        }

        .weui_panel_bd {
            position: relative;
        }

        .ribbon-wrapper-green {
            overflow: hidden;
            position: absolute;
            width: 5rem;
            height: 5rem;
            top: 0px;
            right: 0px;
        }

        .ribbon-green {
            top: 1rem;
            width: 7rem;
            /* padding: .1rem; */
            font-size: .7em;
            text-align: center;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            position: relative;
            left: -0.5rem;
            background-color: #6ED2B8;
            color: #FBFBFB;
        }

        .ribbon-red {
            top: 1rem;
            width: 7rem;
            /* padding: .1rem; */
            font-size: .7em;
            text-align: center;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            position: relative;
            left: -0.5rem;
            background-color: #D06B6B;
            color: #FBFBFB;
        }

        .weui_media_box:before {
            content: " ";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 0px;
            border-top: 0px solid #e5e5e5;
            color: #e5e5e5;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            left: 15px;
        }
    </style>
</head>
<body>
    <div class="container" id="container">
        <div class="tabbar">
            <div class="weui_tab">

                <div class="weui_tab_bd">
                    <div class="weui_panel">
                        <!-- 头部 -->
                        <div class="head-box" style="">
                            <i class="iconfont icon-tuichu1" style="font-size: 22PX; color: antiquewhite; float: right; margin-right: 20px; margin-top: -20px;" ms-click="tuichu()"></i>

                            <div class="head-oneself">
                                <img src="/MobWeb/images/personhead.png" id="tx" style="border-radius: 50%;" />
                            </div>
                            <p style="margin-top: .5rem;">
                                姓名:{{userrealname}}
                            </p>
                            <p style="margin-top: .5rem;">用户名:{{zxh}}</p>

                        </div>

                    </div>

                    <div class="fun-crm">
                        <ul class="block_nav clearfix">
                            <li v-for="(item,index) in yydata">
                                <a :href="item.url">
                                    <!--<i class="iconfont icon-tongji2 icon-25 color2"></i>-->
                                    <img :src="'/MobWeb/images/menu/'+index+'.png'" style="width:30px;height:30px;margin-top: 20px;" />
                                    <span style="margin-bottom:10px">{{item.gnmc}}</span>
                                </a>
                            </li>

                        </ul>
                    </div>


                </div>


            </div>
        </div>
    </div>
    <script src="/MobWeb/js/jquery-1.11.2.min.js"></script>
    <script src="/MobWeb/js/vue.js"></script>
    <script src="/MobWeb/js/lodash.min.js"></script>
    <script src="/ViewV5/JS/SZHLCommon.js"></script>

    <script>
        var app = new Vue({
            el: '#container',
            data: {
                userrealname: "张三丰",
                username: "0001",
                yydata: [{ url: "/MobWeb/JW/UI_T_TKV1.html", gnmc: "调课申请" }, { url: "/MobWeb/JW/UI_T_DKV1.html", gnmc: "代课申请" }]
            },

            methods: {
                GetJWData: function () {
                    $.getJSON('/api/Bll/ExeAction?Action=QJJW_GETJWINITDATA', { P2: "" }, function (resultData) {
                        if (resultData.ErrorMsg == "") {
                            localStorage.setItem("xqdata", JSON.stringify(resultData.Result));
                            localStorage.setItem("xbdata", JSON.stringify(resultData.Result1));
                            localStorage.setItem("njdata", JSON.stringify(resultData.Result2));
                            localStorage.setItem("xiaoqdata", JSON.stringify(resultData.Result3));                            
                        }
                    })
                },
            },
            mounted: function () {
                var pro = this;
                pro.$nextTick(function () {

                    app.GetJWData();
                })
            },



        })


    </script>

</body>
</html>
